 var table ,form ,laypage ,layer ,element ,laydate ,upload//时间组件
$(function(){
	 layui.use(['table','form','laypage','layer', 'element', 'laydate','upload'], function(){
         table = layui.table;
         form=layui.form;
         laypage = layui.laypage ;//分页
         layer = layui.layer ;//弹层
         element = layui.element; //元素操作
         laydate = layui.laydate; //时间组件 
         upload = layui.upload;
         permissionFUN()//功能按钮权限
         //时间框
         selectStation();
 	    //eacharts 框
         var myChart = echarts.init(document.getElementById('myChart'));          
	    // 显示标题，图例和空的坐标轴
		myChart.setOption(option = {
	            title:{
	                text:'设备配件使用统计分析',
//	                x:'center',
//	                y:'bottom',
//	                textAlign:'left'
	            },
	            tooltip:{},
	            legend:{},
	            dataZoom: [{
                     type: 'slider',
                     show: true, //flase直接隐藏图形
                     xAxisIndex: [0],
                     left: '9%', //滚动条靠左侧的百分比
                     bottom: -5,
                     start: 0,//滚动条的起始位置
                     end: 50 //滚动条的截止位置（按比例分割你的柱状图x轴长度）
                  }], 
	            xAxis:{
	                data:[]
	            },
	            yAxis:{},
	            series:[
	                {
	                    name:'数量(件)',
	                    type:'bar',
	                    data:[],
	                    barWidth : 30,//柱图宽度
	                    itemStyle: {
	                        normal: {
	                            label: {
	                                show: true,		//开启显示
	                                position: 'top',	//在上方显示
	                                textStyle: {	    //数值样式
	                                    color: '#3f51b5',
	                                    fontSize: 14
	                                }
	                            }
	                        }
	                    }
	                }
	            ]
	        });
		var requestDatafirst ={
				station:$("#station").val(),
				limit:$("#limit").val(),
				equipmentName:$("#equipmentName").val(),
         	};
         myChart.showLoading() // 表示显示echarts默认加载效果；
         inteacharts(myChart,requestDatafirst);//柱状图初始化加载        		
	    // 查询按钮提交查询信息
	    form.on('submit(queryData)', function(data){
	       myChart.showLoading() // 表示显示echarts默认加载效果；
	       var requestData ={
	    	     station:$("#station").val(),
				 limit:$("#limit").val(),
				 equipmentName:$("#equipmentName").val(),
	        };
	    	inteacharts(myChart,requestData);//柱状图初始化加载 	    	
	    });
	});
})
 function inteacharts(myChart,requestData){
     $.ajax({
			url:'/analysis/getAnalysisPart.do',
			type:'POST',
//			async:false,
			data:{"request" :JSON.stringify(requestData)},
			timeout:0,
			headers: setHeader(),
			success:function(res){         //请求成功
	        	   if(res.status == 200)
	  				{  var arryY=[];
	  				   var arryX=[];
	  				   var tutleData='设备配件使用统计分析';
	  				   if(res.resultData.length>0){
	  					 for(var i=0;i<res.resultData.length;i++){
		        			   arryY.push(res.resultData[i].count);
		        			   arryX.push(res.resultData[i].name);
		        	      }
	  					//如果数据条数超过15条，倾斜显示axisLabel
	  					  if(res.resultData.length > 15)
	  					  {   myChart.setOption({
			  						xAxis:{
			  							axisLabel:{
			  						    	  rotate:45, //刻度旋转45度角
			  						    	  interval:0,//强制全部显示
			  						    	  fontWeight:100,
			  						    	  fontSize:11
			  						    	}
			  			            },
			  			          series:[
			  		                {
			  		                    barWidth : 20,//柱图宽度
			  		                }
			  		            ]
	  					      })
	  					  }
	  					  
	  					//tutleData='居民户数统计情况  '+res.resultData.title.name+':总计'+res.resultData.title.count+'户';
	  				   }
	  				
	        		   myChart.setOption({
	        			   title:{
	  			                text:tutleData,
//	  			                x:'center',
//	  			                y:'bottom',
//	  			                textAlign:'left'
	  			            },
	                       xAxis:{
	                           data:arryX
	                       },
	                       series:[{
	                               data:arryY		                               
	                           }
	                       ]
	                   });
	        		   
	  				}else{
	  					layer.msg(res.resultMsg, {icon: res.icon});
	  				}  
	        	   myChart.hideLoading()//关闭loading
           },
           error: function(XMLHttpRequest, textStatus, errorThrown){
        	   if(textStatus){
        		   layer.msg("请求错误！",{icon: 5});
            	   myChart.hideLoading()//关闭loading
        	   }
        	   
           }		
	})
 }
